<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>
<body>
    <!-- 
        常见文本标签：
            文章标题标签：h1~h6，自带加粗换行，从一到六一次减弱
            文章段落标签：p
            空格：分为全角和半角
                    &emsp全角空格，一个汉字
                    &nbsp半角空格，一个字符
            换行：br，单标签
            水平线：hr，单标签

        lorem用于生成虚拟文本，方便测试效果
        p标签只能放文本或图片

        常见修饰性文本标签：
            加粗：b,strong
            倾斜：i,em
            删除线：s,del
            下划线：u
            上角标：sup
            下角标：sub

        b和strong有什么区别（其他同理）
            strong更具语义化，有强调的意思
        
        p标签中的多个空格只会算作一个空格
        修饰性文本标签可以嵌套使用
    -->

    <h1>1</h1>
    <h2>2</h2>
    <h3>3</h3>
    <h4>4</h4>
    <h5>5</h5>
    <h6>6</h6>
    <p>&emsp;&emsp;Lorem ipsum, dolor sit amet consectetur adipisicing elit. Non ipsam quod voluptates quaerat totam blanditiis temporibus <b>asdawdafoh</b> <i>adswf656464</i> <b><i>adswf656464</i></b> facilis iusto similique unde laboriosam doloremque dolorum quibusdam impedit placeat earum, necessitatibus nesciunt! <br><hr> Tenetur. lorem Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa porro excepturi dolorum quas est! Pariatur, voluptatum perferendis eligendi alias molestias facilis earum voluptas itaque vero libero magnam iste facere necessitatibus!</p>

    <p>O<sub>2</sub> m<sup>2</sup> </p>

</body>
</html>